import Vue from 'vue'

import My from '@/views/My.vue'
import Friend from '@/views/Friend.vue'
import Find from '@/views/Find.vue'

// ! 1. 安装包 yarn add vue-router@3.5.3
// ! 2.导包
import VueRouter  from 'vue-router'

// ! 3. Vue.use注册VueRouter
Vue.use(VueRouter)

// ! 4.创建路由实例对象,并配置规则
const router = new VueRouter({
  // #配置路由规则
  // 建立路径和组件的映射关系
  /*
    path:'路径',
    component:组件
  */ 
  routes:[
    {
      path:'/my',
      component:My
    },
    {
      path:'/friend',
      component:Friend
    },
    {
      path:'/find',
      component:Find
    }
  ]
})
// ! 注意：这里一定要将router 导出
export default router